.canvascenter{position:relative}
.canvascenter .canvas{display:table-cell;vertical-align:middle;text-align:center;overflow:hidden}


.uphgallScroller{overflow:hidden;text-shadow:0 0 3px #000}
.uphgallScroller .canvas>div{position:absolute;bottom:20px;width:100%}
.uphgallScroller .slideshow{cursor:default;color:#d2d2d2;line-height:20px;width:5px;cursor:pointer}
.uphgallScroller .slideshow:hover{color:#fff}
.uphgallScroller .play:after{content:"stop"}
.uphgallScroller .stop:after{content:"play"}
.uphgallScroller .navigation{color:#d2d2d2;font-size:32px;position:absolute;top:0;left:0;height:100%}
.uphgallScroller .navigation>div{width:80px;line-height:80px;position:absolute;top:43%;cursor:default;border-radius:8px;border:1px solid;border-color:transparent;background: url(../imgs/transparent.png)}
.uphgallScroller .navigation>div:hover{background:#444;background:rgba(0,0,0,.3);border-color:#888;cursor:pointer}
.uphgallScroller .prev{left:20px}
.uphgallScroller .next{right:20px}
.uphgallScroller .thumbs>li{width:6px;height:6px;border:1px solid #ccc;background:#444;display:inline-block;margin:1px 2px;border-radius:8px;box-shadow:0 0 3px #000}
.uphgallScroller .thumbs>li:hover,.uphgallScroller .thumbs>li.current{background:#aaa;border-color:#fff;margin:0 1px;width:8px;height:8px}

/**/

.uphgallList1{margin-bottom:200px}

.uphgallList1 .thumbs{width:100%;position:relative}
.uphgallList1 .thumbs>li{display:inline-block;color:#bbb;background:#555;border:1px solid #666;margin:4px 6px}
.uphgallList1 .thumbs>li .holder{position:relative;overflow:hidden}
.uphgallList1 .thumbs>li a{position:relative;text-decoration:none;display:table-cell;vertical-align:middle;text-align:center;overflow:hidden}

.uphgallList1 .index{position:absolute;top:5px;left:5px;width:20px;line-height:20px;color:#bbb;background:#777}
.uphgallList1 .thumbs>li.current,.uphgallList1 .thumbs>li:hover{border-color:#999;background:#888}
.uphgallList1 .thumbs>li.current .index,.uphgallList1 .thumbs>li:hover .index{background:#666}
.uphgallList1 .thumbs>li .holder:hover + .info{display:block}
.uphgallList1 .info{display:none;position:absolute;background:#222;text-align:left;left:0;bottom:auto;margin-top:8px;padding:10px 0;width:100%;z-index:10000}
.uphgallList1 .info>div{margin:0 20px}
.uphgallList1 .info>div>span:first-child{display:inline-block;color:#777;width:100px}

/**/

.uphgallAlbum1 .canvas{overflow:hidden}
.uphgallAlbum1 .canvholder{overflow:hidden;position:relative}

.uphgallAlbum1 a{top:20px;font-size:20px;text-decoration:none;color:#fbad8c}
.uphgallAlbum1 a:hover{color:#f97339}

.uphgallAlbum1 .canvas .published,.uphgallAlbum1 .canvas .link,.uphgallAlbum1 .metadata>div,.uphgallAlbum1 .metadata>div>div,.uphgallAlbum1 .pagination>li,.uphgallAlbum1 .navigation>span{padding:2px 5px;display:inline-block;background:#222;background:rgba(0,0,0,.5);border-radius:4px;text-shadow:0 0 3px #000}

.uphgallAlbum1 .canvas .published,.uphgallAlbum1 .canvas .link{position:absolute;left:20px}
.uphgallAlbum1 .canvas .published{top:50px;font-size:14px;cursor:default}
.uphgallAlbum1 .time{display:none}

.uphgallAlbum1 .metadata{position:absolute;bottom:20px;left:0;width:100%;text-align:left}
.uphgallAlbum1 .metadata>div:first-child{margin-left:20px}
.uphgallAlbum1 .metadata>div{margin-left:4px;color:#fbad8c;display:inline-block;cursor:pointer}
.uphgallAlbum1 .metadata>div>div{color:#ccc;display:none;position:absolute;margin:0 20px;bottom:28px;left:0}
.uphgallAlbum1 .metadata>div:hover>div{display:block}
.uphgallAlbum1 .controls{margin:4px 20px;position:relative;height:30px}

.uphgallAlbum1 .navigation{text-align:center;float:left}
.uphgallAlbum1 .navigation>span{padding:0;width:24px;line-height:24px;margin-right:4px;cursor:pointer}
.uphgallAlbum1 .slideshow{width:40px !important}
.uphgallAlbum1 .play:after{content:"stop"}
.uphgallAlbum1 .stop:after{content:"play"}

.uphgallAlbum1 .pagination{text-align:center;float:right}
.uphgallAlbum1 .pagination>li{padding:0;margin-left:4px;width:24px;line-height:24px;cursor:pointer}
.uphgallAlbum1 .controls>*>*:hover{color:#fff}

.uphgallAlbum1 .thumbs{width:100%}
.uphgallAlbum1 .thumbs>li{display:inline-block;position:relative;overflow:hidden;margin:0 2px;cursor:pointer}
.uphgallAlbum1 .thumbs>li .img{border:1px solid #999;border-radius:4px;display:block}
.uphgallAlbum1 .thumbs>li .index{position:absolute;top:5px;right:5px;width:20px;line-height:20px;background:#333;border-radius:4px}
.uphgallAlbum1 .thumbs>li .name{position:absolute;bottom:0;left:0;width:100%;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis}
.uphgallAlbum1 .thumbs>li.current .img,.uphgallAlbum1 .thumbs>li:hover .img{border-color:#fff}
.uphgallAlbum1 .current,.uphgallAlbum1 .thumbs>li:hover{color:#fff}

/**/

.uphgallAlbum2.cssanimation .thumbs>li .mark,.uphgallAlbum2.cssanimation .controls>*{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.uphgallAlbum2.cssanimation .navigation>div>div,.uphgallAlbum2.cssanimation .pagination>li{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}

.uphgallAlbum2{overflow:hidden;position:relative;display:table;color:#bbb}
.uphgallAlbum2 .canvas{display:table-cell;vertical-align:middle;height:100%;width:100%;overflow:hidden}
.uphgallAlbum2 .canvas .img{box-shadow:0 0 15px #000;border-radius:4px}
.uphgallAlbum2 .controls{position:absolute;left:0;bottom:0;width:100%;padding-top:30px}
.uphgallAlbum2 .controls>*{visibility:hidden;opacity:0}
.uphgallAlbum2 .controls:hover>*{visibility:visible;opacity:1}
.uphgallAlbum2 .navigation>div>div,.uphgallAlbum2 .pagination>li{background:url(../imgs/button.5.png) 50% 50% no-repeat;background:rgba(0,0,0,.5);padding:2px;margin:2px;display:inline-block;line-height:24px;width:24px;border-radius:4px;box-shadow:0 0 4px #000;text-shadow:0 0 0 #fff,1px 1px 1px #000}

.uphgallAlbum2 .navigation{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../imgs/transparent.png)}
.uphgallAlbum2 .navigation>div{height:100%;position:relative;width:30%;cursor:pointer}

.uphgallAlbum2 .navigation>div>div{position:absolute;top:50%}
.uphgallAlbum2 .navigation .prev{float:left}
.uphgallAlbum2 .navigation .prev>div{left:30%}
.uphgallAlbum2 .navigation .next{float:right}
.uphgallAlbum2 .navigation .next>div{right:30%}

.uphgallAlbum2 .pagination>li{cursor:pointer}
.uphgallAlbum2 .navigation>div:hover>div,.uphgallAlbum2 .pagination>li:hover,.uphgallAlbum2 .pagination>li.current{background:url(../imgs/button.7.png) 50% 50% no-repeat;background:rgba(0,0,0,.7);text-shadow:0 0 3px #fff,1px 1px 1px #000}

.uphgallAlbum2 .thumbs>li{display:inline-block;position:relative;margin:3px;border-radius:4px;overflow:hidden;box-shadow:0 0 8px #000;cursor:pointer}

.uphgallAlbum2 .thumbs>li .img{overflow:hidden;border-radius:4px}
.uphgallAlbum2 .thumbs>li .mark{filter:alpha(opacity=0);opacity:0;width:10px;height:10px;right:10px;top:10px;position:absolute;background:#a01621;border:1px solid #e89193;border-radius:6px;box-shadow:0 0 2px #000}
.uphgallAlbum2 .thumbs>li.current .mark,.uphgallAlbum2 .thumbs>li:hover .mark{opacity:1;filter:alpha(opacity=100)}












